<!DOCTYPE html> 

<html lang="ko"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

<title>Resolution Dependent Layout</title>
<link rel="stylesheet" media="screen and (max-width: 670px)" href="../css/narrow.css">
<link rel="stylesheet" media="screen and (min-width: 671px) and (max-width: 850px)" href="../css/medium.css">
<link rel="stylesheet" media="screen and (min-width: 851px)" href="../css/wide.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><script type="text/javascript" async="" src="//s3.buysellads.com/ac/bsa.js"></script><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css">

<link rel="stylesheet" media="screen and (max-width: 670px)" href="css/style_narrow.css">
<link rel="stylesheet" media="screen and (min-width: 671px) and (max-width: 850px)" href="css/style_medium.css">
<link rel="stylesheet" media="screen and (min-width: 851px)" href="css/style.css">

</head>

<body>

<div id="page-wrap">

	<div id="header">
		<header>
			<table border=0><tr><td><img src="../img/icon.png"></td><td><h1 id="title"><a href="../">HTML5 player</a></h1></td></tr></table>
		</header>
	</div>

	<div id="mainmenu">
		<ul id="navi">
			<li><a href="../audio/">음악</a></li>
			<li><a href="../video/">동영상</a></li>
			<li><a id="choose" href="../gallery/">사진</a></li>
		</ul>
	</div>

	<div id="player">
		<div id="player_body">
			<table id="player_table"><tr><td>
				<a href="#"><h3>No Image</h3></a>	
			</td></tr></table>
		</div>
		<div id="playlist_header">
			<input type="file" id="input" size="10" multiple="true" onchange="plistFileSelect(this.files)" />
		</div>
		<iframe id="iframe_play_list" src="playlist.html" name="plistframe" scrolling="yes"></iframe>
	</div>

	<div id="library">
		<div id="lib_header">
			<input type="file" id="input" size="10" multiple="true" onchange="filesSelected(this.files)" />
			<div id="lib_title">
				<table>
					<tr height="28">
						<td id="t1">&nbsp;<input type="checkbox" /></td>
						<td id="t2">&nbsp;번호</td>
						<td id="t3">| 파일이름</td>
						<td id="t4">| 형식</td>
						<td id="t5">| 크기</td>
						<td id="t6">| 삭제</td>
						<td id="t7">| 담기</td>
					</tr>
				</table>
			</div>
		</div>
		<iframe id="iframeId" src="library.html" name="libframe" scrolling="yes"></iframe>
	</div>

	<div id="footer">
		<h2>made by Chrome E2G</h2>
	</div>
	
	<div id="popup_div"></div>

</div>
        
</body>
</html>
